<script setup lang="ts" name="Car">
import { reactive } from "vue";

const car = reactive({ brand: "大本", price: 100 });

const changePrice = () => {
  car.price += 1;
};
</script>

<template>
  <div>一辆{{ car.brand }}车，价值{{ car.price }}个W</div>
  <div class="my-3">
    <button @click="changePrice" class="px-2 py-1 border bg-gray-100 hover:bg-gray-50">
      修改价格
    </button>
  </div>
</template>
